import React from 'react';
import ReactDOM from 'react-dom';
import MediaQuery from 'react-responsive';
import {BrowserRouter,Router,HashRouter,Route,Link,hashHistory} from 'react-router-dom';
import PCIndex from './components/pc_index';
import MobileIndex from './components/mobile_index';

class Root extends React.Component{
    render(){
        return(
            <div>
                <MediaQuery minDeviceWidth={1024}>
                    <PCIndex/>
                </MediaQuery>
                <MediaQuery maxDeviceWidth={1023}>
                    <MobileIndex/>
                </MediaQuery>
            </div>
        )
    }
}

ReactDOM.render(
    <Root/>,
    document.getElementById('app')
);